import React from "react";

import logo from "@/assets/images/logo.png";

function Header() {
  return (
    <header className="w-full px-6 flex justify-between text-white bg-blue-800 items-center h-20">
      <div className="flex items-center justify-between">
        <img src={logo} alt="logo" className="w-16 h-16" />
        <h1 className="text-4xl md:text-6x font-black text-center leading-normal">
          医路耕耘
        </h1>
      </div>
      <nav className="flex items-center list-none">
        <li className="px-4 font-bold text-1xl">
          <a href="#home">首页</a>{" "}
        </li>
        <li className="px-4 font-bold text-1xl">
          <a href="#about-us">关于我们</a>{" "}
        </li>
        <li className="px-4 font-bold text-1xl">
          <a href="#showcases">成功案例</a>{" "}
        </li>
        <li className="px-4 font-bold text-1xl">
          <a href="#service">服务流程</a>{" "}
        </li>
        {/* <a href="#team-intro">团队介绍</a>
          <a href="#company-activities">公司动态</a> */}
        <li className="px-4 font-bold text-1xl">
          {" "}
          <a href="#company-technologies">公司技术栈</a>
        </li>
        <li className="px-4 font-bold text-1xl">
          <a href="#help-info">支持和帮助</a>
        </li>
        <i className="fas fa-search"></i>
        {/* 三橫的菜单按钮 */}
        <div className="burger">
          <div className="burger-line1"></div>
          <div className="burger-line2"></div>
          <div className="burger-line3"></div>
        </div>
      </nav>
    </header>
  );
}

export default Header;
